page{
    padding-bottom: 100rpx;
}
.product_swiper {
    swiper {
        height: 100vw;

        swiper-item {
            navigator {
                image {}
            }
        }
    }
}

.product_price {
    padding: 15rpx;
    font-size: 42rpx;
    font-weight: 600;
    color: var(--themeColor);
}

.product_name {
    padding: 15rpx;
    font-size: 40rpx;
    font-weight: 600;
    border-top: 1px solid #dedede;
}

.product_description {
    padding: 0 10rpx 25rpx 10rpx;
    border-bottom: 1px solid #dedede;
}

.desc_tabs {
    .tabs_title {
        display: flex;

        .title_item {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 15rpx;
        }

        .active {
            color: var(--themeColor);
        }
    }

    .tabs_content {
        .rich-text {}
    }
}

.btm_tool {
    padding: 10rpx;
    border-top: 1px solid #ccc;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    display: flex;
    height: 90rpx;

    .tool_item {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 24rpx;
        position: relative;

        button {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }
    }

    .btn_cart {
        flex: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: linear-gradient(90deg, #fdcf00, #fd9b00);
        color: #fff;
        font-size: 30rpx;
        font-weight: 600;
        border-bottom-left-radius: 50rpx;
        border-top-left-radius: 50rpx;
    }

    .btn_buy {
        flex: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: linear-gradient(90deg, #ff7310, #fe3f00);
        color: #fff;
        font-size: 30rpx;
        font-weight: 600;
        border-bottom-right-radius: 50rpx;
        border-top-right-radius: 50rpx;
    }
}

.comment {
    margin: 0;
    padding: 16rpx 24rpx;
    width: 100%;
    /* height: 92rpx; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1rpx solid #cccccc;
    border-bottom: 1rpx solid #cccccc;
    /* padding和border被包含在定义的width和height之内。盒子的实际宽度=设置的width（padding和border不会影响实际宽度） */
    box-sizing: border-box;
    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 32rpx;
    transition: all 2s inherit;
    overflow: hidden;
    /* 设置为固定定位 */
    position: fixed;
    left: 0;
  }
   
  /* textarea输入框的样式 */
  .textarea {
    margin: 0;
    padding: 11rpx 24rpx;
    /* 宽度为 父容器的宽度 减去 发送按钮的宽度 减去 (左右内边距和左右边框宽度) 减去 右边外边距*/
    width: calc(100% - 100rpx - 50rpx - 24rpx);
    /* textarea 的高度随着文本的内容来改变的 设置一个最小高度60rpx*/
    min-height: 40.8rpx;
    /* 设置行高 */
    line-height: 40.8rpx;
    /* 取消默样式 */
    outline: none;
    border: 1rpx solid #cccccc;
    border-radius: 15rpx;
    background-color: #FFFFFF;
    /* padding和border不被包含在定义的width和height之内。盒子的实际宽度=设置的width+padding+border */
    box-sizing: content-box;
    overflow: hidden;
  }
   
  /* 发送按钮样式 */
  .send_out {
    margin: 0;
    padding: 0;
    width: 100rpx;
    height: 60rpx;
    text-align: center;
    line-height: 60rpx;
    border: 1rpx solid #cccccc;
    border-radius: 10rpx;
    /* 将发送按钮固定在底部 */
    position: absolute;
    right: 24rpx;
    bottom: 16rpx;
  }